﻿@charset "utf-8";
.comment-body{ background: #fff; font-family: 'Microsoft Yahei'; }
.comment-banner{ height: 530px; width: 100%; background: url(../images/banner.jpg) center center no-repeat; }
.comment-banner-inner{ width: 1180px; margin:0 auto; height: 530px; position: relative; }
.comment-counts{ font-size: 36px; color: #454545; text-align: center;  font-weight: 700;padding-top: 205px;}
.comment-counts span{ font-size: 80px; font-family:'Microsoft Yahei'; }
.comment-wrp{ width: 1180px; margin:0 auto; }
.comment-hd{ text-align: center; padding:40px 0;  }
.comment-hd span{ position: relative; font-size: 24px; color: #454545; display: inline-block; min-width: 180px; padding:0 10px;}
.comment-hd .line-l,.comment-hd  .line-r{ display: inline-block; height: 5px; width: 110px; border-top: 1px solid #e0e0e0; }
.comment-sty1-box{ width: 1180px; overflow: hidden;font-family: 'Microsoft Yahei'; }
.comment-sty1-box .comment-sty1-list{ display: block; width: 1220px; overflow: visible; }
.comment-sty1-box .comment-sty1-item{ display: block; float: left; width: 570px; margin-right: 40px; margin-bottom: 40px; }
.comment-sty1-box .comment-img{ width: 570px; height: 380px; overflow: hidden; }
.comment-sty1-box .comment-tit{ padding:25px 0 10px; text-align:center; }
.comment-sty1-box .comment-tit h2{ font-size: 18px; color: #3eb166; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.comment-sty1-box .comment-tit p{ font-size: 12px; color: #333; padding-top: 10px; line-height: 18px; }
.comment-sty1-box .comment-txt{ border-top:1px solid #ededed; padding:20px 10px 0 60px; position: relative; height: 96px; }
.comment-sty1-box .comment-txt p{ font-size: 15px; color: #666; line-height: 24px; }
.comment-sty1-box .comment-txt .i-cmt-quote{ display: inline-block; width: 36px; height: 30px; position: absolute; left: 10px; top:20px; background: url(../images/cmmt-quote.png) no-repeat; }
.comment-wrp2{ background: #f2f2f2;  }
.comment-sty2-box{ width: 1180px; margin:0 auto; }
.comment-sty2-list{ display: block; width: 1230px; }
.comment-sty2-list .comment-sty2-item{ display: block; float: left; width: 360px; background: #fff; margin:0 50px 50px 0; }
.comment-sty2-list .comment-sty2-item .cmt-sty2-hd{ overflow: hidden; border-bottom:1px solid #f2f2f2; padding:15px 20px; }
.comment-sty2-list .comment-sty2-item .cmt-sty2-hd .cmt-date{ float: left; width: 60px; border-right:1px solid #dedede; font-family: 'Microsoft Yahei'; }
.comment-sty2-list .comment-sty2-item .cmt-sty2-hd .cmt-date span{ display: block; line-height: 22px; }
.comment-sty2-list .comment-sty2-item .cmt-sty2-hd .cmt-date .cmt-month{  font-size: 18px; }
.comment-sty2-list .comment-sty2-item .cmt-sty2-hd .cmt-date .cmt-year{  font-size: 16px; }
.comment-sty2-list .comment-sty2-item .cmt-sty2-hd .cmt-info{ float: left; padding-left: 12px; color: #454545;}
.comment-sty2-list .comment-sty2-item .cmt-sty2-hd .cmt-info .cmt-dest{ font-size: 16px; line-height: 18px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.comment-sty2-list .comment-sty2-item .cmt-sty2-hd .cmt-info .cmt-counts{ font-size: 14px; line-height: 18px; padding-top: 8px; }
.comment-sty2-list .comment-sty2-item .cmt-sty2-hd .cmt-info .cmt-counts span{ display: inline-block; width: 90px; }
.comment-sty2-list .comment-sty2-item .cmt-sty2-hd .cmt-info .cmt-totalpeople{ padding-left: 25px; background: url(../images/i-cmmt-people.png) left center no-repeat; }
.comment-sty2-list .comment-sty2-item .cmt-sty2-hd .cmt-info .cmt-totalday{ padding-left: 25px; background: url(../images/i-cmmt-day.png) left center no-repeat; }
.comment-sty2-list .comment-sty2-item .cmt-sty2-bd{ padding:20px; }
.comment-sty2-list .comment-sty2-item .cmt-sty2-img{ width: 320px; height: 320px; overflow: hidden; }
.comment-sty2-list .comment-sty2-item .cmt-sty2-img img{ width: 320px; height: 320px; }
.comment-sty2-list .comment-sty2-item .cmt-sty2-bm{border-top:1px solid #f2f2f2; padding:15px 20px; text-align: center; color: #3eb166; font-size: 14px;}
.comment-sty2-list .comment-sty2-item .cmt-sty2-bm .cmt-total-price{ line-height: 18px; padding-bottom: 10px; }
.comment-sty2-list .comment-sty2-item .cmt-sty2-bm .cmt-btn-link{ display: inline-block; width: 150px; height: 28px; border:1px solid #3eb166; color: #3eb166; text-align: center; line-height: 28px; font-size: 14px; -webkit-border-radius: 15px; -o-border-radius: 15px;-ms-border-radius: 15px;border-radius: 15px; }
.comment-sty2-list .comment-sty2-item .cmt-sty2-bm .cmt-btn-link:hover{ text-decoration: none; }
.cmt-load-more{ text-align: center; font-size: 18px; padding-bottom: 50px; }
.cmt-load-more a { color: #999; cursor: default; }
.cmt-load-more a:hover{ text-decoration: none; }
.six-service-wrp{ width: 100%; height: 580px; background: url(../images/service-bg.jpg) center center no-repeat; }
.six-service-wrp .six-service-box{ width: 1180px; margin:0 auto; text-align: center; }
.six-service-wrp .six-service-box .six-service-process{ width: 830px; margin:0 auto; padding-top: 90px; }
.six-service-wrp .six-service-box .service-btn-box{padding-top: 70px;}
.six-service-wrp .six-service-box .service-btn{ display: inline-block; width: 330px; height: 56px; line-height: 56px; border:2px solid #fff; text-align: center; color: #fff; font-size: 28px; }
.six-service-wrp .six-service-box .service-btn:hover{text-decoration: none;}


















